﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<DVSProject.Models.AccessModels>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    WASHFACTORS
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">
        $(function () {
            var pointActualI = parseInt( $('#ActualPointI').val());
            var pointActualII = parseInt( $('#ActualPointII').val());
            var pointActualIII = parseInt( $('#ActualPointIII').val());
            var pointActualIV = parseInt ($('#ActualPointIV').val());
            var pointActualV = parseInt ($('#ActualPointV').val());
            var pointActualVI = parseInt ($('#ActualPointVI').val());
            var pointActualVII = parseInt ($('#ActualPointVII').val());
            var pointActualVIII = parseInt ($('#ActualPointVIII').val());
            var pointActualIX = parseInt ($('#ActualPointIX').val());
            var pointActualX = parseInt ($('#ActualPointX').val());
            var pointActualXI = parseInt ($('#ActualPointXI').val());
            var pointActualXII = parseInt($('#ActualPointXII').val());

            TotalPoint();

            GetActualRemarkI(false, pointActualI, $('#ActualI').val() == 'NA' ? true : false);
            GetActualRemarkII(false, pointActualII, $('#ActualII').val() == 'NA' ? true : false);
            GetActualRemarkIII(false, pointActualIII, $('#ActualIII').val() == 'NA' ? true : false);
            GetActualRemarkIV(false, pointActualIV, $('#ActualIV').val() == 'NA' ? true : false);
            GetActualRemarkV(false, pointActualV, $('#ActualV').val() == 'NA' ? true : false);
            GetActualRemarkVI(false, pointActualVI, $('#ActualVI').val() == 'NA' ? true : false);
            GetActualRemarkVII(false, pointActualVII, $('#ActualVII').val() == 'NA' ? true : false);
            GetActualRemarkVIII(false, pointActualVIII, $('#ActualVIII').val() == 'NA' ? true : false);
            GetActualRemarkIX(false, pointActualIX, $('#ActualIX').val() == 'NA' ? true : false);
            GetActualRemarkX(false, pointActualX, $('#ActualX').val() == 'NA' ? true : false);
            GetActualRemarkXI(false, pointActualXI, $('#ActualXI').val() == 'NA' ? true : false);
            GetActualRemarkXII(false, pointActualXII, $('#ActualXII').val() == 'NA' ? true : false);

            $('#ActualI').change(function () {
                var Actual = $('#ActualI').val();

                if (Actual == 'NA' || Actual == '<50' || Actual == '>55') {

                    pointActualI = 0;
                } else {
                    pointActualI = 3;
                }
                $('#ActualPointI').val(pointActualI);
                TotalPoint();
                if (pointActualI == 0) {
                    GetActualRemarkI(false, pointActualI, $('#ActualI').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkI(true, pointActualI, $('#ActualI').val() == 'NA' ? true : false);
                }

            });
            $('#ActualII').change(function () {
                var Actual = $('#ActualII').val();

                if (Actual == 'NA' || Actual == '<60' || Actual == '>65') {

                    pointActualII = 0;
                } else {
                    pointActualII = 3;
                }
                $('#ActualPointII').val(pointActualII);
                TotalPoint();
                if (pointActualII == 0) {
                    GetActualRemarkII(false, pointActualII, $('#ActualII').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkII(true, pointActualII, $('#ActualII').val() == 'NA' ? true : false);
                }

            });
            $('#ActualIII').change(function () {
                var Actual = $('#ActualIII').val();

                if (Actual == 'NA' || Actual == '<80' || Actual == '>85') {

                    pointActualIII = 0;
                } else {
                    pointActualIII = 3;
                }

                $('#ActualPointIII').val(pointActualIII);
                TotalPoint();
                if (pointActualIII == 0) {
                    GetActualRemarkIII(false, pointActualIII, $('#ActualIII').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkIII(true, pointActualIII, $('#ActualIII').val() == 'NA' ? true : false);
                }

            });
            $('#ActualIV').change(function () {
                var Actual = $('#ActualIV').val();

                if (Actual == 'NA' || Actual == '<60' || Actual == '>65') {

                    pointActualIV = 0;
                } else {
                    pointActualIV = 3;
                }
                $('#ActualPointIV').val(pointActualIV);
                TotalPoint();
                if (pointActualIV == 0) {
                    GetActualRemarkIV(false, pointActualIV, $('#ActualIV').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkIV(true, pointActualIV, $('#ActualIV').val() == 'NA' ? true : false);
                }

            });
            $('#ActualV').change(function () {
                var Actual = $('#ActualV').val();

                if (Actual == 'NA' || Actual == '<70' || Actual == '>75') {

                    pointActualV = 0;
                } else {
                    pointActualV = 3;
                }
                $('#ActualPointV').val(pointActualV);
                TotalPoint();
                if (pointActualV == 0) {
                    GetActualRemarkV(false, pointActualV, $('#ActualV').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkV(true, pointActualV, $('#ActualV').val() == 'NA' ? true : false);
                }

            });
            $('#ActualVI').change(function () {
                var Actual = $('#ActualVI').val();

                if (Actual == 'NA' || Actual == '<1' || Actual == '>4') {

                    pointActualVI = 0;
                } else {
                    pointActualVI = 3;
                }
                $('#ActualPointVI').val(pointActualVI);
                TotalPoint();
                if (pointActualVI == 0) {
                    GetActualRemarkVI(false, pointActualVI, $('#ActualVI').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkVI(true, pointActualVI, $('#ActualVI').val() == 'NA' ? true : false);
                }

            });
            $('#ActualVII').change(function () {
                var Actual = $('#ActualVII').val();

                if (Actual == 'NA' || Actual == '<120' || Actual == '>231') {

                    pointActualVII = 0;
                } else {
                    pointActualVII = 3;
                }
                $('#ActualPointVII').val(pointActualVII);
                TotalPoint();
                if (pointActualVII == 0) {
                    GetActualRemarkVII(false, pointActualVII, $('#ActualVII').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkVII(true, pointActualVII, $('#ActualVII').val() == 'NA' ? true : false);
                }

            });
            $('#ActualVIII').change(function () {
                var Actual = $('#ActualVIII').val();

                if (Actual == 'NA' || Actual == '<0.1' || Actual == '>0.3') {

                    pointActualVIII = 0;
                } else {
                    pointActualVIII = 3;
                }
                $('#ActualPointVIII').val(pointActualVIII);
                TotalPoint();
                if (pointActualVIII == 0) {
                    GetActualRemarkVIII(false, pointActualVIII, $('#ActualVIII').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkVIII(true, pointActualVIII, $('#ActualVIII').val() == 'NA' ? true : false);
                }

            });
            $('#ActualIX').change(function () {
                var Actual = $('#ActualIX').val();

                if (Actual == 'NA' || Actual == '<0.2' || Actual == '>0.4') {

                    pointActualIX = 0;
                } else {
                    pointActualIX = 3;
                }
                $('#ActualPointIX').val(pointActualIX);
                TotalPoint();
                if (pointActualIX == 0) {
                    GetActualRemarkIX(false, pointActualIX, $('#ActualIX').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkIX(true, pointActualIX, $('#ActualIX').val() == 'NA' ? true : false);
                }

            });
            $('#ActualX').change(function () {
                var Actual = $('#ActualX').val();

                if (Actual == 'NA' || Actual == '<0.2' || Actual == '>0.4') {

                    pointActualX = 0;
                } else {
                    pointActualX = 3;
                }
                $('#ActualPointX').val(pointActualX);
                TotalPoint();
                if (pointActualX == 0) {
                    GetActualRemarkX(false, pointActualX, $('#ActualX').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkX(true, pointActualX, $('#ActualX').val() == 'NA' ? true : false);
                }

            });
            $('#ActualXI').change(function () {
                var Actual = $('#ActualXI').val();

                if (Actual == 'NA' || Actual == '<60' || Actual == '>100') {

                    pointActualXI = 0;
                } else {
                    pointActualXI = 3;
                }
                $('#ActualPointXI').val(pointActualXI);
                TotalPoint();
                if (pointActualXI == 0) {
                    GetActualRemarkXI(false, pointActualXI, $('#ActualXI').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkXI(true, pointActualXI, $('#ActualXI').val() == 'NA' ? true : false);
                }

            });
            $('#ActualXII').change(function () {
                var Actual = $('#ActualXII').val();

                if (Actual == 'NA' || Actual == '<40' || Actual == '>50') {

                    pointActualXII = 0;
                } else {
                    pointActualXII = 3;
                }
                $('#ActualPointXII').val(pointActualXII);
                TotalPoint();
                if (pointActualXII == 0) {
                    GetActualRemarkXII(false, pointActualXII, $('#ActualXII').val() == 'NA' ? true : false);
                } else {
                    GetActualRemarkXII(true, pointActualXII, $('#ActualXII').val() == 'NA' ? true : false);
                }

            });

            function TotalPoint() {
                $("#TotalPoint").val(parseInt(pointActualI) + parseInt(pointActualII) +
                 parseInt(pointActualIII) + parseInt(pointActualIV) +
                  parseInt(pointActualV) + parseInt(pointActualVI) +
                    parseInt(pointActualVII) + parseInt(pointActualVIII) +
                      parseInt(pointActualIX) + parseInt(pointActualX) +
                        parseInt(pointActualXI) + parseInt(pointActualXII));

            }

            function GetActualRemarkI(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkI").html(data);

                        if (point < 3 && !isNA) {
                            $('#WashFactorRemarksI').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }

            function GetActualRemarkII(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkII").html(data);

                        if (point < 3 && !isNA) {
                            $('#WashFactorRemarksII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkIII(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkIIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkIII").html(data);

                        if (point < 3 && !isNA) {
                            $('#WashFactorRemarksIII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkIV(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkIVProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkIV").html(data);

                        if (point < 3 && !isNA) {
                            $('#WashFactorRemarksIV').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkV(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkVProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkV").html(data);

                        if (point < 3 && !isNA) {
                            $('#WashFactorRemarksV').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkVI(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkVIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkVI").html(data);

                        if (point < 2 && !isNA) {
                            $('#WashFactorRemarksVI').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkVII(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkVIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkVII").html(data);

                        if (point <2 && !isNA) {
                            $('#WashFactorRemarksVII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkVIII(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkVIIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkVIII").html(data);

                        if (point < 1 && !isNA) {
                            $('#WashFactorRemarksVIII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkIX(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkIXProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkIX").html(data);

                        if (point < 1 && !isNA) {
                            $('#WashFactorRemarksIX').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkX(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkXProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkX").html(data);

                        if (point < 1 && !isNA) {
                            $('#WashFactorRemarksX').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkXI(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkXIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkXI").html(data);

                        if (point <2 && !isNA) {
                            $('#WashFactorRemarksXI').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetActualRemarkXII(isFilter, point, isNA) {

                var actionUrl = '<%=Url.Action("WashFactorRemarkXIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter, isNA: isNA }),
                    success: function (data) {

                        $("#WashFactorRemarkXII").html(data);

                        if (point < 3 && !isNA) {
                            $('#WashFactorRemarksXII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
        });
    </script>
    <h2>
        WASH FACTORS ปัจจัยในการทำความสะอาด</h2>
    <% using (Html.BeginForm())
       {%>
    <%= Html.ValidationSummary(true) %>
    <div class="CSSTableGenerator">
        <table>
            <tr>
                <th>
                    <label>
                        WASH FACTORS ปัจจัยในการทำความสะอาด</label>
                </th>
                <th>
                </th>
                <th>
                    <label>
                        Desired ค่าต้องการ</label>
                </th>
                <th>
                    <label>
                        Actual ค่าที่อ่านได้</label>
                </th>
                <th>
                    <label>
                        Remarks ห มายเหตุ</label>
                </th>
                <th>
                    <label>
                        Point คะแนน</label>
                </th>
            </tr>
            <tr>
                <td>
                    <label>
                        Wash Temp อุณหภูมิน้ำล้างคราบไขมัน(oC)</label>
                </td>
                <td>
                    <label>
                        Glass Washer</label>
                </td>
                <td>
                    <label>
                        50-55C</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualI, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<50" , text = "<50" },
                       new { value = "50" , text = "50"},
                       new { value = "51" , text = "51"},
                       new { value = "52" , text = "52"},
                       new { value = "53" , text = "53"},
                       new { value = "54" , text = "54"},
                       new { value = "55" , text = "55"},
                       new { value = ">55" , text = ">55"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                    <%-- <%=@Html.DropDownListFor(model => model.WashFactorRemarksI, Model.WashFactorRemarkISelect)%>--%>
                    <div id="WashFactorRemarkI">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointI, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Wash Temp อุณหภูมิน้ำล้างคราบไขมัน(oC)</label>
                </td>
                <td>
                    <label>
                        Dish Washer</label>
                </td>
                <td>
                    <label>
                        60-65 C</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualII, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<60" , text = "<60" },
                       new { value = "60" , text = "60"},
                       new { value = "61" , text = "61"},
                       new { value = "62" , text = "62"},
                       new { value = "63" , text = "63"},
                       new { value = "64" , text = "64"},
                       new { value = "65" , text = "65"},
                       new { value = ">65" , text = ">65"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                    <%-- <%=@Html.DropDownListFor(model => model.WashFactorRemarksII, Model.WashFactorRemarkIISelect)%>--%>
                    <div id="WashFactorRemarkII">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointII, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Final Rinse Temp อุณหภูมิน้ำเคลือบแห้งสุดท้าย (oC)</label>
                </td>
                <td>
                    <label>
                        High Temp Final Rinse</label>
                </td>
                <td>
                    <label>
                        80-85 C</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualIII, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<80" , text = "<80" },
                       new { value = "80" , text = "80"},
                       new { value = "81" , text = "81"},
                       new { value = "82" , text = "82"},
                       new { value = "83" , text = "83"},
                       new { value = "84" , text = "84"},
                       new { value = "85" , text = "85"},
                       new { value = ">85" , text = ">85"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.WashFactorRemarksIII, Model.WashFactorRemarkIIISelect)%>--%>
                   <div id="WashFactorRemarkIII">
                    </div>
                   
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointIII, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Final Rinse Temp อุณหภูมิน้ำเคลือบแห้งสุดท้าย (oC)</label>
                </td>
                <td>
                    <label>
                        Low Temp Final Rinse</label>
                </td>
                <td>
                    <label>
                        60-65 C</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualIV, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<60" , text = "<60" },
                       new { value = "60" , text = "60"},
                       new { value = "61" , text = "61"},
                       new { value = "62" , text = "62"},
                       new { value = "63" , text = "63"},
                       new { value = "64" , text = "64"},
                       new { value = "65" , text = "65"},
                       new { value = ">65" , text = ">65"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                    <%--<%=@Html.DropDownListFor(model => model.WashFactorRemarksIV, Model.WashFactorRemarkIVSelect)%>--%>
                     <div id="WashFactorRemarkIV">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointIV, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Final Rinse Temp อุณหภูมิน้ำเคลือบแห้งสุดท้าย (oC)</label>
                </td>
                <td>
                    <label>
                        Glass Washer</label>
                </td>
                <td>
                    <label>
                        70-75 C</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualV, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<70" , text = "<70" },
                       new { value = "70" , text = "70"},
                       new { value = "71" , text = "71"},
                       new { value = "72" , text = "72"},
                       new { value = "73" , text = "73"},
                       new { value = "74" , text = "74"},
                       new { value = "75" , text = "75"},
                       new { value = ">75" , text = ">75"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                    <%--<%=@Html.DropDownListFor(model => model.WashFactorRemarksV, Model.WashFactorRemarkVSelect)%>--%>
                     <div id="WashFactorRemarkV">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointV, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Detergent Conc (ppm) ปริมาณน้ำยาล้างจาน</label>
                </td>
                <td>
                    <label>
                        Glass Washer</label>
                </td>
                <td>
                    <label>
                        1-4ml/L</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualVI, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<1" , text = "<1" },
                       new { value = "1" , text = "1"},
                       new { value = "2" , text = "2"},
                       new { value = "3" , text = "3"},
                       new { value = "4" , text = "4"},
                       new { value = ">4" , text = ">4"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                    <%--<%=@Html.DropDownListFor(model => model.WashFactorRemarksVI, Model.WashFactorRemarkVISelect)%>--%>
                     <div id="WashFactorRemarkVI">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointVI, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Detergent Conc (ppm) ปริมาณน้ำยาล้างจาน</label>
                </td>
                <td>
                    <label>
                        Dish Washer</label>
                </td>
                <td>
                    <label>
                        120-200ppm</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualVII, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<120" , text = "<120" },
                       new { value = "132" , text = "132"},
                       new { value = "165" , text = "165"},
                       new { value = "198" , text = "198"},
                       new { value = "231" , text = "231"},
                       new { value = ">231" , text = ">231"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.WashFactorRemarksVII, Model.WashFactorRemarkVIISelect)%>--%>
                    <div id="WashFactorRemarkVII">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointVII, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Final Rinse Vol (ml/L) ปริมาณน้ำยาเคลือบแห้ง</label>
                </td>
                <td>
                    <label>
                        Glass Washer</label>
                </td>
                <td>
                    <label>
                        0.1-0.3</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualVIII, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<0.1" , text = "<0.1" },
                       new { value = "0.2" , text = "0.2"},
                       new { value = "0.3" , text = "0.3"},
                       new { value = ">0.3" , text = ">0.3"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.WashFactorRemarksVIII, Model.WashFactorRemarkVIIISelect)%>--%>
                    <div id="WashFactorRemarkVIII">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointVIII, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Final Rinse Vol (ml/L) ปริมาณน้ำยาเคลือบแห้ง</label>
                </td>
                <td>
                    <label>
                        Dish Washer</label>
                </td>
                <td>
                    <label>
                        0.2-0.4</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualIX, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<0.2" , text = "<0.2" },
                       new { value = "0.2" , text = "0.2"},
                       new { value = "0.3" , text = "0.3"},
                       new { value = "0.4" , text = "0.4"},
                       new { value = ">0.4" , text = ">0.4"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.WashFactorRemarksIX, Model.WashFactorRemarkIXSelect)%>--%>
                    <div id="WashFactorRemarkIX">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointIX, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Final Rinse Vol (ml/L) ปริมาณน้ำยาเคลือบแห้ง</label>
                </td>
                <td>
                    <label>
                        Low Temp
                    </label>
                </td>
                <td>
                    <label>
                        0.2-0.4</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualX, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<0.2" , text = "<0.2" },
                       new { value = "0.2" , text = "0.2"},
                       new { value = "0.3" , text = "0.3"},
                       new { value = "0.4" , text = "0.4"},
                       new { value = ">0.4" , text = ">0.4"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.WashFactorRemarksX, Model.WashFactorRemarkXSelect)%>--%>
                    <div id="WashFactorRemarkX">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointX, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <label>
                        Water Hardness (ppm) ความกระด้างของน้ำ
                    </label>
                </td>
                <td>
                    <label>
                        Desired ค่าต้องการ</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualXI, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<60" , text = "<60" },
                       new { value = "60" , text = "60"},
                       new { value = "80" , text = "80"},
                       new { value = "100" , text = "100"},
                       new { value = ">100" , text = ">100"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.WashFactorRemarksXI, Model.WashFactorRemarkXISelect)%>--%>
                    <div id="WashFactorRemarkXI">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointXI, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <label>
                        Sanitizer Concentration ( ppm) Only Low Temp</label>
                </td>
                <td>
                    <label>
                        40-50</label>
                </td>
                <td align="center">
                    <%=Html.DropDownListFor(model => model.ActualXII, new SelectList(
                  new List<Object>{ 
                       new { value = "NA" , text = "NA"  },
                       new { value = "<40" , text = "<40" },
                       new { value = "41" , text = "41"},
                       new { value = "42" , text = "42"},
                        new { value = "43" , text = "43"},
                         new { value = "44" , text = "44"},
                          new { value = "45" , text = "45"},
                           new { value = "46" , text = "46"},
                            new { value = "47" , text = "47"},
                             new { value = "48" , text = "48"},
                              new { value = "49" , text = "49"},
                              new { value = "50" , text = "50"},
                       new { value = ">50" , text = ">50"},
                    },
                  "value",
                  "text",
                  "NA"))%>
                </td>
                <td>
                    <%--<%=@Html.DropDownListFor(model => model.WashFactorRemarksXII, Model.WashFactorRemarkXIISelect)%>--%>
                     <div id="WashFactorRemarkXII">
                    </div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.ActualPointXII, new { @Value = "0", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td colspan="5">
                    Total Points คะแนนรวม
                </td>
                <td>
                    <input type="text" id="TotalPoint" readonly="readonly" value="0" />
                </td>
            </tr>
        </table>
    </div>
    <p>
        <input type="submit" class="buttonSummit" value="Next" />
    </p>
    <% } %>
    <div>
        <%= Html.ActionLink("Back to List", "Index") %>
    </div>
</asp:Content>
